<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    测试 js
    <!-- 行内代码 -->
    <button onclick="alert('行内点击触发')">行内触发</button>
    <button onclick="showAlert()">内联触发</button>
    <button onclick="showAlert2()">外联触发</button>

    <br>

    <button onclick="showPromt()">弹出输入框</button>
    <button onclick="showConsole()">测试控制台打印</button>

    <script>
        function showConsole() {
            console.log('测试控制台普通打印');
            console.log('测试控制台表格打印');
            console.table(['小明', '小刚', '小红'])

            console.time('测试耗时时间');
            console.profile('测试性能')
            for(var i = 0; i < 100000000; i++) {
                var a = i* 999
            }
            console.timeEnd('测试耗时时间');
            console.profileEnd('测试性能')


        }


        // 内联代码
        function showAlert() {
            alert('内联触发')
        }

        // 弹出输入框, 并获取用户填写的内容
        function showPromt() {
            myInput = prompt()
            console.log(myInput);
        }
    </script>

    <!-- 外联代码 -->
    <script src="./script.js"></script>
</body>

</html>